<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="UTF-8">
		<title>预生产内码</title>
		<link href="css/common.css" rel="stylesheet" type="text/css" />
		<link href="css/normolize.css" rel="stylesheet" type="text/css" />
		<link href="css/style.css" rel="stylesheet" type="text/css" />
		<link href="css/test.css" rel="stylesheet" type="text/css" />
		<!--[if IE]> <link href="css/ieHack_total.css" rel="stylesheet" type="text/css" /> <![endif]-->
		<!--[if IE 9]> <link href="css/ieHack9.css" rel="stylesheet" type="text/css" /> <![endif]-->
		<!--[if IE 8]> <link href="css/ieHack.css" rel="stylesheet" type="text/css" /><link href="css/ieHack8.css" rel="stylesheet" type="text/css" /> <![endif]-->
		<!--[if lte IE 7]> <link href="css/ieHack.css" rel="stylesheet" type="text/css" /> <![endif]-->
		<style>
			.overeclipse {
				display: inline-block;
				width: 130px;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
			}
		</style>
		<script>
			window.onload = function() {
				var element = ['header', 'footer', 'article', 'aside', 'section', 'nav', 'menu', 'hgroup', 'details', 'dialog', 'figure', 'figcaption'],
					len = element.length;
				while(len--) {
					document.createElement(element[len]);
				}
			}
		</script>

	</head>

	<body>
		<div class="header">
			<div class="line">
				<div class="prevline"></div>
			</div>
<div class="headernav">
				<table class="">
					<tbody>
						<tr>
							<td style="width: 145px"> <img src="images/logo.png" class="logo"> </td>
							<td>
								<!--退出-->
								<div class="">
									<table class="headerTable">
										<tbody>
											<tr>
												<td> <img src="images/touxiang.png" class="touxiang"> </td>
												<td style="padding:0 10px;">
													<p> Guzilong</p>
													<!--<p class="noticenumber">12</p>-->
												</td>
												<td>
													<!--<span class="border-radius inline-block" style="padding:0 3px;height:13px;background:#ff5027;font-size:12px;color:#fff; line-height:13px;vertical-align:1px;">14</span>--><i class="icon icon_email"></i> </td>
												<td style="padding-left:20px;">
													<a href="javascript:;" onclick="direct('logout')">【退出】</a>
												</td>
											</tr>
										</tbody>
									</table>
								</div>
							</td>
						</tr>
					</tbody>
				</table>
			</div>
		</div>

		<div class="page-wrapper productlist minwidth border">
			<div class="line"></div>
			<script src="js/tpl/baocaoMenu.js" type="text/javascript" charset="utf-8"></script>
			<div class="page-content">
				<div class="tablist">
					<ul>
						<li class="tabItem active">
							<a href="codeManage_inside.html#qrcode">预生产内码</a>
						</li>
						<li class="tabItem">
							<a href="codeManage_outside.html#qrcode">预生产外码</a>
						</li>
					</ul>
				</div>

				<div class="page-container">
					<div class="page-form">
						<div>
							<span class="btn blue addCate  fr"><i class="icon icon_add blue"></i> 添加内码</span>
						</div>
						<div class="clearfix"></div>
						<div class="form">
							<form class="multiinline-form " id="searchForm">
								<div class="fl">
									<label>内码名称：</label>
									<input type="text" placeholder="请输入内码名称" style="width: 129px;" />
								</div>
								<div class="fl" style="margin-left: 40px;">
									<label>创建时间：</label>
									<input type="text" class="Wdate" onfocus="WdatePicker()" />--<input type="text" class="Wdate" onfocus="WdatePicker()" />
								</div>

								<input type="hidden" value="" id="pageNo" name="pageNo" />
								<input type="button" value="查询" class="search-input-button" style="margin-left: 40px;" />

							</form>
						</div>
					</div>
					<div class="table">
						<div id="itemContainer">
							<div class="tablelist1">
								<div class="tableLeft fl">
									<div class="codeItemTable">
										<table>
											<tr>
												<td class="td1">
													<p>内码名称： 添加看看</p>
													<p>内码编码：P20160818145311646</p>
													<p>总数：10</p>
													<p>创建时间：2016-08-18</p>
												</td>
											</tr>
											<tr>
												<td class="td2">
													<span class="btn blue"><i class="icon icon_download blue"></i>下载</span>
												</td>
											</tr>
										</table>
									</div>
								</div>
								<div class="tableMid fl">
									<div class="codeItemTable">
										<table>
											<tr>
												<td class="td1">
													<p>内码名称： 添加看看</p>
													<p>内码编码：P20160818145311646</p>
													<p>总数：10</p>
													<p>创建时间：2016-08-18</p>
												</td>
											</tr>
											<tr>
												<td class="td2">
													<span class="btn blue"><i class="icon icon_download blue"></i>下载</span>
												</td>
											</tr>
										</table>
									</div>
								</div>
								<div class="tableRight fl">
									<div class="codeItemTable">
										<table>
											<tr>
												<td class="td1">
													<p>内码名称： 添加看看</p>
													<p>内码编码：P20160818145311646</p>
													<p>总数：10</p>
													<p>创建时间：2016-08-18</p>
												</td>
											</tr>
											<tr>
												<td class="td2">
													<span class="btn blue"><i class="icon icon_download blue"></i>下载</span>
												</td>
											</tr>
										</table>
									</div>
								</div>
							</div>

							<div class="tablelist2">
								<div class="tableLeft fl">
									<div class="codeItemTable">
										<table>
											<tr>
												<td class="td1">
													<p>内码名称： 添加看看</p>
													<p>内码编码：P20160818145311646</p>
													<p>总数：10</p>
													<p>创建时间：2016-08-18</p>
												</td>
											</tr>
											<tr>
												<td class="td2">
													<span class="btn blue"><i class="icon icon_download blue"></i>下载</span>
												</td>
											</tr>
										</table>
									</div>
								</div>
								<div class="tableMid fl">
									<div class="codeItemTable">
										<table>
											<tr>
												<td class="td1">
													<p>内码名称： 添加看看</p>
													<p>内码编码：P20160818145311646</p>
													<p>总数：10</p>
													<p>创建时间：2016-08-18</p>
												</td>
											</tr>
											<tr>
												<td class="td2">
													<span class="btn blue"><i class="icon icon_download blue"></i>下载</span>
												</td>
											</tr>
										</table>
									</div>
								</div>
								<div class="tableRight fl">
									<div class="codeItemTable">
										<table>
											<tr>
												<td class="td1">
													<p>内码名称： 添加看看</p>
													<p>内码编码：P20160818145311646</p>
													<p>总数：10</p>
													<p>创建时间：2016-08-18</p>
												</td>
											</tr>
											<tr>
												<td class="td2">
													<span class="btn blue"><i class="icon icon_download blue"></i>下载</span>
												</td>
											</tr>
										</table>
									</div>
								</div>
							</div>
							<div class="tablelist3">
								<div class="tableLeft fl">
									<div class="codeItemTable">
										<table>
											<tr>
												<td class="td1">
													<p>内码名称： 添加看看</p>
													<p>内码编码：P20160818145311646</p>
													<p>总数：10</p>
													<p>创建时间：2016-08-18</p>
												</td>
											</tr>
											<tr>
												<td class="td2">
													<span class="btn blue"><i class="icon icon_download blue"></i>下载</span>
												</td>
											</tr>
										</table>
									</div>
								</div>
								<div class="tableMid fl">
									<div class="codeItemTable">
										<table>
											<tr>
												<td class="td1">
													<p>内码名称： 添加看看</p>
													<p>内码编码：P20160818145311646</p>
													<p>总数：10</p>
													<p>创建时间：2016-08-18</p>
												</td>
											</tr>
											<tr>
												<td class="td2">
													<span class="btn blue"><i class="icon icon_download blue"></i>下载</span>
												</td>
											</tr>
										</table>
									</div>
								</div>
								<div class="tableRight fl">
									<div class="codeItemTable">
										<table>
											<tr>
												<td class="td1">
													<p>内码名称： 添加看看</p>
													<p>内码编码：P20160818145311646</p>
													<p>总数：10</p>
													<p>创建时间：2016-08-18</p>
												</td>
											</tr>
											<tr>
												<td class="td2">
													<span class="btn blue"><i class="icon icon_download blue"></i>下载</span>
												</td>
											</tr>
										</table>
									</div>
								</div>
							</div>

							<div class="tablelist4">
								<div class="tableLeft fl">
									<div class="codeItemTable">
										<table>
											<tr>
												<td class="td1">
													<p>内码名称： 添加看看</p>
													<p>内码编码：P20160818145311646</p>
													<p>总数：10</p>
													<p>创建时间：2016-08-18</p>
												</td>
											</tr>
											<tr>
												<td class="td2">
													<span class="btn blue"><i class="icon icon_download blue"></i>下载</span>
												</td>
											</tr>
										</table>
									</div>
								</div>
								<div class="tableMid fl">
									<div class="codeItemTable">
										<table>
											<tr>
												<td class="td1">
													<p>内码名称： 添加看看</p>
													<p>内码编码：P20160818145311646</p>
													<p>总数：10</p>
													<p>创建时间：2016-08-18</p>
												</td>
											</tr>
											<tr>
												<td class="td2">
													<span class="btn blue"><i class="icon icon_download blue"></i>下载</span>
												</td>
											</tr>
										</table>
									</div>
								</div>
								<div class="tableRight fl">
									<div class="codeItemTable">
										<table>
											<tr>
												<td class="td1">
													<p>内码名称： 添加看看</p>
													<p>内码编码：P20160818145311646</p>
													<p>总数：10</p>
													<p>创建时间：2016-08-18</p>
												</td>
											</tr>
											<tr>
												<td class="td2">
													<span class="btn blue"><i class="icon icon_download blue"></i>下载</span>
												</td>
											</tr>
										</table>
									</div>
								</div>
							</div>

							<div class="tablelist5">
								<div class="tableLeft fl">
									<div class="codeItemTable">
										<table>
											<tr>
												<td class="td1">
													<p>内码名称： 添加看看</p>
													<p>内码编码：P20160818145311646</p>
													<p>总数：10</p>
													<p>创建时间：2016-08-18</p>
												</td>
											</tr>
											<tr>
												<td class="td2">
													<span class="btn blue"><i class="icon icon_download blue"></i>下载</span>
												</td>
											</tr>
										</table>
									</div>
								</div>
								<div class="tableMid fl">
									<div class="codeItemTable">
										<table>
											<tr>
												<td class="td1">
													<p>内码名称： 添加看看</p>
													<p>内码编码：P20160818145311646</p>
													<p>总数：10</p>
													<p>创建时间：2016-08-18</p>
												</td>
											</tr>
											<tr>
												<td class="td2">
													<span class="btn blue"><i class="icon icon_download blue"></i>下载</span>
												</td>
											</tr>
										</table>
									</div>
								</div>
								<div class="tableRight fl">
									<div class="codeItemTable">
										<table>
											<tr>
												<td class="td1">
													<p>内码名称： 添加看看</p>
													<p>内码编码：P20160818145311646</p>
													<p>总数：10</p>
													<p>创建时间：2016-08-18</p>
												</td>
											</tr>
											<tr>
												<td class="td2">
													<span class="btn blue"><i class="icon icon_download blue"></i>下载</span>
												</td>
											</tr>
										</table>
									</div>
								</div>
							</div>
						</div>
						<div class="pagelist fr" style="margin-top: 30px;">
							<div class=" pagedesc fl">当前<span class="currentPage"></span>/<span class="totalpage"></span>，每页<span class="perpage"></span>条，共<span class="totalnumber"></span>条</div>
							<div class="pagination inline-block fl"></div>
							<div class="inline-block fl">
								到第<input type="text" value="" class="gotopage" />页 <input type="button" value="跳转" class="search-input-button border-radius bgblue gotopage_button"></span>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="footer">
			<div class="footercontainer">
				<ul>
					<li>
						<a href="#">关于我们</a>
					</li>
					<li>
						<a href="#">服务与支持</a>
					</li>
					<li>
						<a href="#">常见问题</a>
					</li>
					<li>
						<a href="#">人才招聘</a>
					</li>
					<li>
						<a href="#">加盟合作</a>
					</li>
				</ul>

				<div style="margin-top:13px;">版权所有@ 2015 - 2016 深圳在乎传媒科技有限公司 粤ICP备15107022-1号</div>
			</div>

		</div>

	</body>

	<script src="js/jquery-1.8.2.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/page/jPages.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/page/pageFun.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/layer/layer.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/wdatePicker/WdatePicker.js" type="text/javascript" charset="utf-8"></script>

	<script>
		//		function showDetail(obj) {
		//			var id = $(obj).attr('data-id');
		//			//根据ID获取详情内容赋值给他
		//			layer.open({
		//				type: 2,
		//				title: '扫码详情',
		//				shadeClose: true,
		//				shade: 0.8,
		//				area: ['450px', '330px'],
		//				content: 'bugScaninfo.html',
		//				success: function(layero, index) {
		//					var body = layer.getChildFrame('body', index);
		//					var iframeWin = window[layero.find('iframe')[0]['name']]; //得到iframe页的窗口对象，执行iframe页的方法：iframeWin.method();
		//					//这里赋值
		//					//body.find('.cate_name').val($(_obj).attr('data-catename'));
		//				}
		//			});
		//		}
		function addCateLayer() {
			$('.addCate').click(function() {
				layer.open({
					type: 2,
					title: '添加内码',
					shadeClose: true,
					shade: 0.8,
					area: ['560px', '310px'],
					content: 'editAddCode_inside.html',
					success: function(layero, index) {
						var body = layer.getChildFrame('body', index);
						var iframeWin = window[layero.find('iframe')[0]['name']]; //得到iframe页的窗口对象，执行iframe页的方法：iframeWin.method();
						//给父页面传值
						body.find('#subButton').on('click', function() {
							//这里是根据ID修改名称
							var name = body.find('.cate_name').val();
							layer.close(index);
							window.location.reload();
						});

						body.find("#cancelButton").on('click', function() {
							layer.close(index);
						});

					}
				});
			});

		}
		addCateLayer();

		$(function() {
			var pageObj = new pageFun();
			var currentpage = 1,
				perPage = 1,
				totalNumber = 5;
			pageObj.pageNoObj = $('#pageNo');
			pageObj.submitFun = function() {
					var currentPage = pageObj.pageNoObj.val(); //这个是当前页的页码
				}
				/*参数每页多少个,当前页,总个数,容器的ID*/
			pageObj.init(perPage, currentpage, totalNumber, 'itemContainer');

		})

		$(function() {
			$("div.holder").jPages({
				containerID: "movies",
				previous: "←",
				next: "→",
				perPage: 10,
				delay: 20
			});
		});
	</script>

</html>
